<div class="service_addfollow_grid">
	<div class="clearfix service_alerts">
		{{view view.serviceRadio
			id="serviceRadio"
			serviceNums=serRankNums
			itemClick="itemClickAlarts"
		}}
	</div>
	<div class="service_seach clearfix" style="">
		<div class="control-group pull-left">
			{{input type="text" id="mouseKeyUp1" placeholder="请输入IP地址" value=serviceIP}}
		</div>
		<div class="control-group pull-left">
			{{input type="text" id="mouseKeyUp2" class="port-width"placeholder="请输入端口" value=portNum}}
		</div>
		<div class="control-group pull-left">
			{{view view.select 
				class="service-select-width form-top-select select-textEllipsis"
				content=serviceType
				selectValue=serviceValue
				optionLabelPath="displaytext"
				optionValuePath="value"
				prompt="服务类型"
			}}
		</div>
		<div class="control-group pull-left">
			{{view view.daterangepicker
				id="dateRangePicker"
				timeRanges="timeRangesChange"
				class=""
				position="right"
			}}
		</div>
		{{#if auth.isAdmin}}
			<div class="control-group pull-right batch-setup-lua" {{action "setupGroupLua"}}>
				<button>批量设置lua</button>
			</div>
		{{/if}}
	</div>
 			
	{{view view.Grid
		columns=serverColumns
		content=alerts
		pageIndex=pageIndex
		allowPaging=true
		pageSize=pageSize
		totalRows=totalRows
		pageIndexChanged="pageIndexChanged"
		sorted="gridSorted"
		allowSorting=false
		class="line"}}

	{{#if isAdd}}
		<button class="service_addfollow_btn u-btn-blue" {{action "addService"}}>添加关注服务</button>
		<div class="service_addfollow_font">可以在<span>“全部服务列表”</span>中选择关注</div>
	{{/if}}

	{{#view view.Dialog
		id="businessNodeSsl"
		title="设定SSL证书"
		class="hide"
		autoOpen=false
		modal=true
		width=520
		height=330
		dialogAction="setNodeSsl"
		buttons=dialogButtons}}
		<form id="businessNodeSslForm" class="form-horizontal" enctype="multipart/form-data" method="POST">
			{{#if hasNodeSSL}}
			<div class="control-group">
				已设定SSL， <button class="btn btn-primary btn-large" {{action "deleteNodeSsl"}}>删除证书</button> 或者 <button class="btn btn-primary btn-large" {{action "resetNodeSsl"}}>重新设置</button>
			</div>
			{{else}}
			<div class="alert {{if nodeSslformTip '' 'hide'}}"><strong>{{nodeSslformTip}}</strong></div>
			<div class="control-group">
				<label class="control-label">证书类型</label>
				<div class="controls">
					{{view view.parentView.select 
						class="service-select-width form-top-select select-textEllipsis"
						content=sslTypes
						selectValue=nodeForm.ssltype
						optionLabelPath="displaytext"
						optionValuePath="value"
					}}
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">私钥</label>
				<div class="controls set-file">
					<div class="ssl-file">
						<button class="file-btn">选择文件</button><span class="file-name">未选中任何文件</span>
					</div>
					{{input type="file" class="" name="privateKeyFile" value=nodeForm.privateKeyFile}}
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">密码</label>
				<div class="controls">
					{{input class="input u-input-blue" type="password" value=nodeForm.sslpwd}}
				</div>
			</div>
			{{/if}}
		</form>
	{{/view}}

	{{#view view.Dialog
		id="businessNodeLua"
		title="编写Lua代码"
		class="hide business-detail-gauge-lua"
		autoOpen=false
		modal=true
		width=600
		height=460
		dialogAction="setLua"
		buttons=dialogButtons}}
		<form class="form-horizontal">
			<div class="alert {{if nodeLuaformTip '' 'hide'}}">{{nodeLuaformTip}}</div>
			{{textarea class="" value=nodeForm.lua placeholder="请输入lua代码"}}
		</form>
	{{/view}}

	{{#view view.Dialog
		id="businessNodeSpecimen"
		title="导出协议样本包"
		class="hide business-detail-gauge-specimen"
		autoOpen=false
		modal=true
		width=500
		height=300
		dialogAction="downloadPSP"
		buttons=dialogButtons}}
		<form class="form-horizontal">
			<div class="control-group">
				<label class="control-label">导出时间段</label>
				<div class="controls">
					{{input type="number" class="input" value=nodeForm.time min="1"}}(秒)
				</div>
			</div>
			<div class="control-group">
				导出的协议样本包用于协议解码工作。点击确定后，系统将开始抓取协议样本包，完成后可在“管理配置”菜单下的“样本包”列表页中查看、下载。
			</div>
		</form>
	{{/view}}

	{{#view view.Dialog
		id="serviceAllServer"
		class="hide apm-dialog-wrap"
		autoOpen=false
		modal=true
		width=520
		height=230
		title="编辑"
		buttons=dialogButtons}}
		<form class="form-horizontal">
			<div {{bind-attr class=":alert serviceNameformTip::hide"}}><strong>{{serviceNameformTip}}</strong></div>
			<div class="service_modify">
				<div class="pull-left service_modify_text">
					{{input type="text" placeholder="请输入服务器更改名称" value=serviceInputName}}
				</div>
			</div>
		</form>
	{{/view}}

	{{view view.ThresholdConfig
		id="businessConfigThresholdView"
		targetResource="节点"
		isShowSystemAndBusiness=true
		appId="default"}}

	{{#view view.Dialog
		id="businessDetailGaugeSetL7"
		title="配置L7层服务"
		class="hide apm-dialog-wrap"
		autoOpen=false
		modal=true
		width=450
		buttons=dialogButtons}}
		<form class="form-horizontal">
			<div {{bind-attr class=":alert nodeAddformTip::hide"}}><strong>{{nodeAddformTip}}</strong></div>
			<div class="control-group">
				<label class="control-label">服务名称</label>
				<div class="controls">

					{{view view.parentView.select 
						class="service-select-width form-top-select select-textEllipsis"
						content=l7Options
						selectValue=nodeForm.protocol
						optionLabelPath="displaytext"
						optionValuePath="value"
					}}

				</div>
			</div>
		</form>
	{{/view}}
</div>